<template>
    <div class="app-container">
        <!-- 公共头部 -->
        <header class="header">
            <h1>全局默认布局</h1>
            <nav>
                <NuxtLink to="/parent">Home</NuxtLink> |
                <NuxtLink to="/parent/child">Child</NuxtLink>
            </nav>
        </header>

        <!-- 动态页面内容 -->
        <slot />

        <!-- 公共底部 -->
        <footer class="footer">
            <p>公共底部 © {{ new Date().getFullYear() }}</p>
        </footer>
    </div>
</template>

<script setup></script>

<style scoped>
.header,
.footer {
    padding: 20px;
    background: #f0f0f0;
    text-align: center;
}
</style>
